<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="assets/images/w2.ico" />
    <title>吃饭抽奖系统</title>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <!-- <script src="./index.js" type="module"></script>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/main.css" /> -->
  </head>
  <body>
    <div
      class="container"
      style="display: flex; align-items: center; justify-content: center"
    >
      <span class="result">待抽奖</span>
      <div class="lottery">
        <!-- 转盘 -->
        <div id="lottery" style="width: 100%; height: 100%"></div>
        <!-- 指针 -->
        <div class="line"></div>
        <!-- 圆心 -->
        <div id="pointer"></div>
      </div>
      <button class="start">开始</button>
    </div>
  </body>
</html>
